草庐IT

前端 PM

全部标签

纯前端ELECTRON+VUE+FFMPEG实现多路播放RTSP流

近期有项目需求前端播放rtsp视频流,项目是由electron+vue3搭建,没有后端,因此需要在前端实现解析rtsp流及播放,经过多方考察最后选用了ffmpeg+jsmpeg方案实现,具体实现是参考了@牧也の旅行大佬的这篇文章原文地址实现的,感谢@牧也の旅行一直在回复我的各种小白问题,这里记录一下做这个功能时遇到的问题和解决方法:主进程中的程序及其他配置参见原文,这里就不赘述了。1,原文是单路播放,我的需求需要多路播放:本来预想是展示16路,查资料也是说可以显示16路,但实际发现浏览器中只能稳定显示8路,超过后浏览器经常会报WARNING:ToomanyactiveWebGLcontexts

前端播放flv的视频

问题:项目需要播放flv格式的视频,原生video标签是不支持播放flv格式的视频的,解决方式:需要使用插件,我这里是使用的flv.js,下面是它的使用方法,官网是flv地址1.安装npminstall--saveflv.js2.使用(这里是在vue里面使用的)videoid="videoElement">video>script>importflvjsfrom"flv.js";exportdefault{ mounted(){ varvideoElement=document.getElementById('videoElement');varflvPlayer=flvjs.createP

【前端】Element-ui el-select 绑定 v-model 不生效问题汇总

1、v-model绑定的值与下拉选项的值类型不一致。2、绑定的值未声明。如上所示,需要具体声明。3、value前需要加冒号 

前端技术的新趋势:React、Vue与Angular的比较

本文将比较当前最流行的前端框架React、Vue和Angular,探讨它们各自的优缺点,并分析它们在未来的发展趋势。随着互联网技术的不断发展,前端技术也在不断演进。React、Vue和Angular作为当前最流行的前端框架,它们在开发效率、性能和可维护性等方面各有优势。本文将对这三个框架进行比较,分析它们的优缺点,并探讨它们在未来的发展趋势。一、ReactReact是Facebook开发的一款用于构建用户界面的JavaScript库。它采用组件化的开发方式,使得代码更加模块化、可重用和易于维护。React还提供了丰富的API和开发工具,使得开发者可以更加高效地构建复杂的用户界面。优点:高效的虚

如何做好前端单元测试?字节5年测试老司机是这样说的!

近几年,前端发展越来越迅猛,各类框架层出不穷,前端实现的业务逻辑也越来越复杂,前端单元测试也越来越受重视,包括百度在内的一些大厂在面试中也会问到单元测试相关的题目。那么前端应该如何做好单元测试?什么是单测单测的定义来自维基百科的定义:在计算机编程中,单元测试(UnitTesting)又称为模块测试,是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。程序单元是应用的最小可测试部件。在过程化编程中,一个单元就是单个程序、函数、过程等;对于面向对象编程,最小单元就是方法,包括基类(超类)、抽象类、或者派生类(子类)中的方法。定义里面指出,单元测试针对的是程序的最小单元,因此我们应该针对

高级圣诞树代码实现合集-保姆级教程【前端三件套实现—0基础直接运行】

文章目录前言:0基础直接运行步骤一.雪花圣诞树实现(样式一)1.1效果展示1.2实现代码1.3实现代码讲解分析二.水晶球圣诞树实现(样式二)2.1效果展示2.2实现代码2.3实现代码讲解分析三.圣诞树炫酷logo实现(样式三)3.1效果展示3.2实现代码3.1实现代码讲解分析四.旋转圣诞树炫酷实现(样式四)4.1效果展示4.2实现代码4.3实现代码讲解分析五.雪花圣诞树实现(样式五)5.1效果展示5.2实现代码5.3实现代码讲解分析六.圣诞贺卡实现(样式六)6.1效果展示6.2实现代码6.3实现代码讲解分析七.寄语前言:0基础直接运行步骤0基础直接运行教程:1.新建txt文本:2.将代码粘贴到

前端 JS 安全对抗原理与实践

一、概念解析1.1什么是接口加密如今这个时代,数据已经变得越来越重要,网页和APP是主流的数据载体,如果获取数据的接口没有设置任何的保护措施的话,数据就会被轻易地窃取或篡改。除了数据泄露外,一些重要功能的接口如果没有做好保护措施也会被恶意调用造成DDoS、条件竞争等攻击效果,比如如下几个场景:一些营销活动类的Web页面,领红包、领券、投票、抽奖等活动方式很常见。此类活动对于普通用户来说应该是“拼手气”,而对于非正常用户来说,可以通过直接刷活动API接口的这种“作弊”方式来提升“手气”。这样对普通用户来说就很不公平。所以对重要接口都会采用加密验签的方式进行保护,而验签的加密逻辑大多数都通过JS代

基于JSZip实现前端多个文件流批量下载成zip压缩包

1、从后端获取多个流文件:首先,确保你能够从后端获取多个文件的流(stream)或者二进制数据,这些文件通常以某种格式(例如ZIP、RAR、TAR等)进行压缩。2、创建一个压缩包:在前端,你需要使用JavaScript来创建一个压缩包。这可以通过使用第三方库来实现,例如jszip、zip.js等。这些库允许你在客户端创建和管理压缩文件。示例使用jszip库的代码://引入jszip库constJSZip=require('jszip');//创建一个新的ZIP压缩包constzip=newJSZip();3、将流文件添加到压缩包:对于每个流文件,使用库提供的方法将它们添加到压缩包中。//假设f

ruoyi项目服务器重启后台报:欢迎使用RuoYi后台管理框架,当前版本:v3.8.1,请通过前端地址访问。

阿西,真的想骂人,不会耶,根本不会,咱就不明白了,怎么好好的项目在服务器上运行的好好的,不就是服务器到期了停了一下子再续上重启,再进去跟后台系统,就欢迎使用RuoYi后台管理框架,当前版本:v3.8.1,请通过前端地址访问。,真的好烦,不是自己写的代码,也不是自己部署的,是到新公司做维护,真的好像苦,吐槽吐槽吐槽。。。。。也不知道吐槽啥,吐槽自己笨吧,呜呜呜最后是好心同事帮忙见检查的,nginxmysqlredisjar都启动都检查并且重启没有问题了,但是后台就这样这么看,很正常,起码部署和代码以以及代码启动没问题,然后的然后我怕还是不会,同事找的原因是:我们可爱的项目,因为重启,导致配置文件

前端错误收集与处理

前言做好错误监控,将用户使用时的错误日志上报,可以帮助我们更快的解决一些问题。那前端监控是怎么实现的呢?要想了解这个,需要知道前端错误大概分为哪些以及如何捕获处理。前端错误分为JS运行时错误、资源加载错误和接口错误三种。本文档介绍有关js的错误类型、错误事件、vue3的app.config.errorHandler全局处理函数。用nodejs+Express模拟接口,将监听到的错误信息发送到nodejs写的接口里,再通过一个getErrorList接口展示错误信息列表。js的错误对象和onerror事件2.1错误对象类型ECMA-262定义了下列7种错误类型:https://baike.bai